
<!DOCTYPE html>
<html>
<head>
    <title>多道焦点-资讯</title>
    <meta charset="utf-8">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="../js/gundong.js"></script>
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/global.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link rel="import" href="top.html" >
</head>
<body>
<div class="top"></div>
<div class="menu">
    <div class="menu-1">
        <img src="http://img.duodaohulian.com/img/content/logo.png" class="logo"/>
        <div class="dh">
            <div class="list chfont">
                <ul>
                    <li><a href="./myHome.html" categoryId="1">首页</a></li>
                    <li class="current"><a href="./focus.html" categoryId="2">多道焦点</a></li>
                    <li><a href="./theatre.html" categoryId="3">星际剧场</a></li>
                    <li><a href="./forum.html" categoryId="4">多道论坛</a></li>
                    <li><a href="./activity.html" categoryId="5">星际活动</a></li>
                    <li><a href="./game.html">多道游戏</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="chfont">
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,1)">生存安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,2)">营养安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,3)">运动安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,4)">亲子安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,5)">社交安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,6)">网络安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,7)">海外安全</a>
                </div>
            </div>
            <div class="niu">
                <img src="http://img.duodaohulian.com/img/content/mow.png" class="wn"/>
                <img src="http://img.duodaohulian.com/img/content/tree.png" class="tree"/>
                <img src="http://img.duodaohulian.com/img/content/tree1.png" class="tree1"/>
            </div>
        </div>
    </div>
</div>
<div class="count_inner">
    <!--当前位置begin-->
    <div class="location relative clearfix">
        <em class="floatleft marr5 mart5"><img src="http://img.duodaohulian.com/img/content/star.png"></em>
        <a href="./focus.html">多道焦点</a>
        <span>&gt;</span>
        <span>资讯</span>
    </div>
    <!--当前位置over-->
    <div class="cloud_1"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_2"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="cloud_3"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_4"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="shan"><img src="http://img.duodaohulian.com/img/content/shan.png"/></div>
    <div class="shan1"><img src="http://img.duodaohulian.com/img/content/diqiu.png"/></div>
    <div class="you"><img src="http://img.duodaohulian.com/img/content/youce.png"/></div>
    <div class="first">
        <div class="zt">
            <div class="huadong special">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <!--资讯列表begin-->
                <ul class="wx clearfix info_list">
                </ul>
                <!--资讯列表over-->
                <!--加载更多begin-->
                <div class="special_bt">
                    <a href="javascript:void(0)" class="get_more block"></a>
                    <p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p>
                </div>
                <!--加载更多over-->
            </div>
        </div>
    </div>
    <div class="bt_side chfont">
        <img src="http://img.duodaohulian.com/img/content/head.png" class="tou"/>
        <div class="duihua">
            <span class="font">扫一扫，<br>了解星球的<br>更多小秘密！</span>
            <img src="http://img.duodaohulian.com/img/content/bee.png" class="bee"/>
            <p><img src="http://img.duodaohulian.com/img/content/weima.jpg"/></p>
        </div>
        <div class="bt_nav">
            <ul class="bt_nav_in">
                <li><a href="followUs.html">关注我们</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="person.html">多道人物</a></li>
                <li><a href="guide.html">新手指南</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer footer_full">
    <div class="img_auto"><img src="http://img.duodaohulian.com/img/content/bottom.png"></div>
    <div class="car">
        <img src="http://img.duodaohulian.com/img/content/car.png"/>
        <img src="http://img.duodaohulian.com/img/content/car1.png"/>
    </div>
    <p>深圳市多道互联科技有限公司 粤ICP备16060034号</p>
</div>
<div id="pageTopAncer">
    <div class="pageTop_com">
        <a href="#"><img src="http://img.duodaohulian.com/img/content/top.png"/></a>
    </div>
    <a href="#"><img src="http://img.duodaohulian.com/img/content/icon-1.png"/></a>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/imgauto.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<script type="text/javascript" src="../js/common/dateformat.js"></script>
<script type="text/javascript" src="../js/regist/regist.js"></script>
<script type="text/javascript" src="../js/regist/findPwd.js"></script>
<script>
    $(".top").load("top.html");
    var categoryId = 6;
    var safeTypeId = common.getParameter("safeTypeId");

    if(safeTypeId){
        common.setActiveItem(safeTypeId);
    }
    var promise = httpService.get({
        url:url.focusInfoList,
        data:{
            "categoryId":categoryId,
            "safeTypeId":safeTypeId
        }
    });
    promise.then(function(response){
        if(response.success){
            var focusHtml = "";
            _.each(response.message,function(focus,index){
                var url = focus.photoUrl+focus.photoName;
                var safeInfo = common.getSafeType(focus.safeType);
                focusHtml+=  '<li class='+(index<9?"show":"hide")+'>'+
                        '        <a href="./focusInfoDetail.html?focusId='+focus.focusId+'" ><img src="'+url+'"/></a>'+
                        '<span class="'+safeInfo.safeClass+'">'+safeInfo.safeType+'</span>'+
                        '    <p>'+focus.briefContent+'</p>'+
                        '</li>'
            })
            $(".info_list").append(focusHtml);
        }
    })
    common.getMore();


</script>
</html>
